<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:form id="cmmiTabuleiroForm" prependId="false">
		<p:growl id="growlCmmiTabuleiro" showDetail="true" />

		<h:panelGroup>
			<p:panelGrid columns="5">
				<p:outputPanel id="c11" styleClass="ui-cmmi ui-cmmi-titulo">
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Nível" />
					</p:panel>
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Grupo de Processos" />
					</p:panel>
				</p:outputPanel>

				<p:outputPanel id="c12" styleClass="ui-cmmi ui-cmmi-titulo">
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Nível 2" />
					</p:panel>
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="-" />
					</p:panel>
				</p:outputPanel>

				<p:outputPanel id="c13" styleClass="ui-cmmi ui-cmmi-titulo">
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Nível 3" />
					</p:panel>
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="-" />
					</p:panel>
				</p:outputPanel>

				<p:outputPanel id="c14" styleClass="ui-cmmi ui-cmmi-titulo">
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Nível 4" />
					</p:panel>
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="-" />
					</p:panel>
				</p:outputPanel>

				<p:outputPanel id="c15" styleClass="ui-cmmi ui-cmmi-titulo">
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="Nível 5" />
					</p:panel>
					<p:panel style="border: none; background: none; padding: 0px;">
						<h:outputText value="-" />
					</p:panel>
				</p:outputPanel>
			</p:panelGrid>

			<p:panelGrid columns="5">
				<p:outputPanel id="c21"
					styleClass="ui-cmmi ui-cmmi-processos ui-cmmi-titulo-middle">
					<h:outputText value="Gestão de Processo" />
				</p:outputPanel>

				<p:outputPanel id="c22" styleClass="ui-cmmi ui-cmmi-processos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>

					<p:dataGrid id="gestaoProcessosCmmi"
						value="#{cmmiBean.processosSelecionados}"
						var="processoSelecionado" columns="1"
						rendered="#{not empty cmmiBean.processosSelecionados}">
						<p:panel id="processoSelecionado"
							styleClass="ui-cmmi ui-cmmi-processo">
							<h:outputLabel value="#{processoSelecionado.nome}" />
						</p:panel>
					</p:dataGrid>
				</p:outputPanel>

				<p:outputPanel id="c23" styleClass="ui-cmmi ui-cmmi-processos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c24" styleClass="ui-cmmi ui-cmmi-processos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c25" styleClass="ui-cmmi ui-cmmi-processos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>
			</p:panelGrid>

			<p:panelGrid columns="5">
				<p:outputPanel id="c31"
					styleClass="ui-cmmi ui-cmmi-projetos ui-cmmi-titulo-middle"
					style="border: none;">
					<h:outputText value="Gestão de Projeto" />
				</p:outputPanel>

				<p:outputPanel id="c32" styleClass="ui-cmmi ui-cmmi-projetos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c33" styleClass="ui-cmmi ui-cmmi-projetos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c34" styleClass="ui-cmmi ui-cmmi-projetos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c35" styleClass="ui-cmmi ui-cmmi-projetos">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>
			</p:panelGrid>

			<p:panelGrid columns="5">
				<p:outputPanel id="c41"
					styleClass="ui-cmmi ui-cmmi-engenharia ui-cmmi-titulo-middle">
					<h:outputText value="Engenharia" />
				</p:outputPanel>

				<p:outputPanel id="c42" styleClass="ui-cmmi ui-cmmi-engenharia">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c43" styleClass="ui-cmmi ui-cmmi-engenharia">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c44" styleClass="ui-cmmi ui-cmmi-engenharia">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c45" styleClass="ui-cmmi ui-cmmi-engenharia">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>
			</p:panelGrid>

			<p:panelGrid columns="5">
				<p:outputPanel id="c51"
					styleClass="ui-cmmi ui-cmmi-suporte ui-cmmi-titulo-middle">
					<h:outputText value="Suporte" />
				</p:outputPanel>

				<p:outputPanel id="c52" styleClass="ui-cmmi ui-cmmi-suporte">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c53" styleClass="ui-cmmi ui-cmmi-suporte">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c54" styleClass="ui-cmmi ui-cmmi-suporte">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>

				<p:outputPanel id="c55" styleClass="ui-cmmi ui-cmmi-suporte">
					<p:droppable tolerance="pointer" activeStyleClass="slotActive"
						scope="processosCmmi" onDrop="handleDrop"
						datasource="availableProcessos">
						<p:ajax listener="#{cmmiBean.onDrop}" update="@all" />
					</p:droppable>
				</p:outputPanel>
			</p:panelGrid>

		</h:panelGroup>
	</h:form>

</ui:composition>